*{
	margin: 0;
	padding: 0;
}
html,body{
	height: 100%;
	max-width: 640px;
	margin: 0 auto;
}
body{
	font-family: '微软雅黑';
}

#app{
	height: 100%;
	background: #d53b2f url(../img/backimg.jpg) no-repeat 0 0;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	position: relative;
	padding-top:3.9rem;
	box-sizing: border-box;
}
#banner{
	width:100%;
	height: .99rem;
	position: absolute;
	top:1.78rem;
	left:0;
	background: url(../img/banner.png);
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	margin-bottom: 1.15rem;
}
#inputbox{
	width: 5.99rem;
	height: .86rem;
	background: #ffffff;
	border-radius: .1rem;
	margin: 0 auto;
	border-top:2px solid #1a055c;
}
#inputbox input{
	width:100%;
	height: 100%;
	background: rgba(0,0,0,0);
	display: block;
	font-size: .36rem;
	color:#333333;
	text-align: center;
	border:0;
	outline: 0;
}
::-webkit-input-placeholder {
    color:#bbbbbb;
}
#getbtn{
	width: 5.99rem;
	height: .86rem;
	background: #999999;
	border-radius: .1rem;
	margin: .3rem auto 0;
	color:#ffffff;
	font-size: .36rem;
	line-height: .86rem;
	text-align: center;
}
#getbtn.active{
	background: #fb5043;
}
#tip{
	margin: 0 auto;
	width:1.76rem;
	height: 1.18rem;
	line-height: 1.18rem;
	text-align: center;
	font-size: .24rem;
	color:#ffffff;
}
#mine{
	width: 1.65rem;
	height:.65rem;
	line-height: .65rem;
	text-align: center;
	color:#ffffff;
	position: absolute;
	left:0;
	right:0;
	margin:auto;
	bottom:.44rem;
	font-size: .3rem;
	letter-spacing: 1px;
}
#whatscode,#late{
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	z-index: 40;
}
#whatscodebox{
	width:5.4rem;
	height: 6.7rem;
	border-radius: .18rem;
	background: rgba(0,0,0,.7);
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	padding: .8rem .35rem;
	box-sizing: border-box;
	color:#ffffff;
}
#tipClose{
	width:.87rem;
	height: .87rem;
	line-height: .87rem;
	text-align: center;
	font-size: .4rem;
	color:#aaaaaa;
	right:0;
	top:0;
	position: absolute;
}
#tipTitle{
	line-height: 1.31rem;
	height: 1.31rem;
	font-size: .38rem;
}
#tipContent{
	line-height: .48rem;
	font-size: .24rem;
}
#latebox{
	width:4.6rem;
	height: 2.6rem;	
	border-radius: .18rem;
	background: rgba(0,0,0,.8);
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	text-align: center;
}
#latetitle{
	color:#ffe03a;
	font-size: .36rem;
	line-height: .87rem;
	padding-top:.53rem;
}
#lateword{
	font-size: .3rem;
	color:#ffffff;
}
#check-success,#get-prize{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	position: fixed;
	top:0;
	left:0;
}
#check-success-box{
	width:5.87rem;
	height: 4.55rem;
	position: absolute;
	left:0;
	top:2.6rem;
	right:0;
	margin: auto;
	background: url(../img/checkin.png);
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.close{
	width:.65rem;
	height: .64rem;
	position: absolute;
	left:0;
	right:0;
	margin:auto;
	bottom: -1.4rem;
	background: url(../img/close.png);
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
#prize-box{
	width:5.4rem;
	height: 6.7rem;
	position: absolute;
	left:0;
	top:1.4rem;
	right:0;
	margin: auto;
	background: url(../img/prizebox.png);
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
#prize-name{
	width:100%;
	text-align: center;
	height: .63rem;
	line-height: .63rem;
	padding-top:1.26rem;
	font-size: .24rem;
	color:#ffffff;
}
#prize-image{
	width:100%;
	height: 1.8rem;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	background-position: center 0;
	background-repeat: no-repeat;
	margin-bottom: .22rem;
	background-image: url(../img/kindle.jpg);
}
#prize-box p{
	font-size: .2rem;
	color:#666666;
	padding-left: 1.1rem;
	line-height: .32rem;
}
#exchangebtn{
	width:3.8rem;
	height: .75rem;
	position: absolute;
	bottom:.9rem;
	left:0;
	right:0;
	margin:auto;
}